/**
 * Created by zyy on 15/9/8.
 * zhangyuyu@superjia.com
 */
.api-create{
    padding: 32px 48px;
}
.mod-api {
    min-width: 900px;
}
.mod-api .api-header,
.mod-api .api-item {
    position: relative;
    height: 40px;
    line-height: 40px;
}

.mod-api .api-header li,
.mod-api .api-item li {
    box-sizing: border-box;
    padding: 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mod-api .api-item:hover {
    background-color: #00BCD4;
    color: #333;
}

.mod-api .item-desc {
    position: absolute;
    left: 0;
    width: 20%;
}

.mod-api .item-url {
    position: absolute;
    left: 20%;
    width: 20%;
}

.mod-api .item-method {
    position: absolute;
    left: 40%;
    width: 10%;
}

.mod-api .item-input {
    position: absolute;
    left: 50%;
    width: 15%;
}

.mod-api .item-output {
    position: absolute;
    left: 65%;
    width: 20%;
}

.mod-api .item-comment {
    position: absolute;
    left: 85%;
    width: 15%;
}

.mod-api .item-opt {
    position: absolute;
    right: 0;
    display: block;
}

.mod-api .api-item:hover .item-opt {
    display: block;
}